<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>Insert title here</title>
	<link href="<?php print base_url()?>assets/css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript" src="<?php echo base_url()?>assets/js/cufon-yui.js"></script>

<script type="text/javascript">
	 Cufon.replace('h1') ('h2') ('h3') ('h4') ('h5') ('h6') ('.slider-button a') ('.button') ('#nav li a', {hover: true});
	 
</script>

<script type="text/javascript" src="<?php print base_url()?>assets/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://demo.templatesquare.com/html/lighthouse/js/PT_Sans_400.font.js"></script>
<script type="text/javascript" src="http://demo.templatesquare.com/html/lighthouse/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
 var $jts = jQuery.noConflict();
    $jts(document).ready(function(){ 
		
		//Slider  
         $jts('#slideshow').cycle({
            timeout: 5000,  // milliseconds between slide transitions (0 to disable auto advance)
            fx:      'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...            
            pager:   '#pager',  // selector for element to use as pager container
            pause:   0,	  // true to enable "pause on hover"
            pauseOnPagerHover: 0 // true to pause when hovering over pager link
        });
     });
</script>

	<div id="top-container">
			<div class="centercolumn">
			<div id="header">
				<div id="logo">
					<a href="index.html"><img alt="" src="assets/images/logo.png"></a>
				</div><!-- end #logo -->
				<div id="navigation">
					<ul class="sf-menu sf-js-enabled sf-shadow" id="nav">
						<li><a class="current" href="index.html"><cufon class="cufon cufon-canvas" alt="Inicio" style="width: 39px; height: 15px;"><canvas width="47" height="17" style="width: 47px; height: 17px; top: -2px; left: -1px;"></canvas><cufontext>Home</cufontext></cufon></a></li>
						<li><a href="about.html" class="sf-with-ul"><cufon class="cufon cufon-canvas" alt="Conózcanos" style="width: 39px; height: 15px;"><canvas width="50" height="17" style="width: 50px; height: 17px; top: -2px; left: -1px;"></canvas><cufontext>About</cufontext></cufon><span class="sf-sub-indicator"><cufon class="cufon cufon-canvas" alt="»" style="width: 8px; height: 15px;"><canvas width="16" height="17" style="width: 16px; height: 17px; top: -2px; left: -1px;"></canvas><cufontext>»</cufontext></cufon></span></a>
							<ul style="float: none; width: 9.2em; display: none; visibility: hidden;">
								<li style="white-space: normal; float: left; width: 100%;"><a href="styling.html" style="float: none; width: auto;"><cufon class="cufon cufon-canvas" alt="HTML " style="width: 35px; height: 12px;"><canvas width="44" height="14" style="width: 44px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>HTML </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Styling" style="width: 38px; height: 12px;"><canvas width="44" height="14" style="width: 44px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Styling</cufontext></cufon></a></li>
								<li style="white-space: normal; float: left; width: 100%;"><a href="column.html" style="float: none; width: auto;"><cufon class="cufon cufon-canvas" alt="Column " style="width: 45px; height: 12px;"><canvas width="54" height="14" style="width: 54px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Column </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Layouts" style="width: 42px; height: 12px;"><canvas width="49" height="14" style="width: 49px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Layouts</cufontext></cufon></a></li>
								<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;" class="sf-with-ul"><cufon class="cufon cufon-canvas" alt="Example " style="width: 50px; height: 12px;"><canvas width="59" height="14" style="width: 59px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Example </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Dropdown" style="width: 56px; height: 12px;"><canvas width="62" height="14" style="width: 62px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Dropdown</cufontext></cufon><span class="sf-sub-indicator"> »</span></a>
									<ul style="left: 9.2em; float: none; width: 9em; display: none; visibility: hidden;">
										<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;"><cufon class="cufon cufon-canvas" alt="More " style="width: 31px; height: 12px;"><canvas width="40" height="14" style="width: 40px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>More </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Menu" style="width: 30px; height: 12px;"><canvas width="36" height="14" style="width: 36px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Menu</cufontext></cufon></a></li>
										<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;"><cufon class="cufon cufon-canvas" alt="More " style="width: 31px; height: 12px;"><canvas width="40" height="14" style="width: 40px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>More </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Menu" style="width: 30px; height: 12px;"><canvas width="36" height="14" style="width: 36px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Menu</cufontext></cufon></a></li>
										<li style="white-space: normal; float: left; width: 100%;"><a href="#" style="float: none; width: auto;"><cufon class="cufon cufon-canvas" alt="More " style="width: 31px; height: 12px;"><canvas width="40" height="14" style="width: 40px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>More </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Menu" style="width: 30px; height: 12px;"><canvas width="36" height="14" style="width: 36px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Menu</cufontext></cufon></a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class=""><a href="#" class="sf-with-ul"><cufon class="cufon cufon-canvas" alt="Propiedades" style="width: 55px; height: 15px;"><canvas width="64" height="17" style="width: 64px; height: 17px; top: -2px; left: -1px;"></canvas><cufontext>Property</cufontext></cufon><span class="sf-sub-indicator"><cufon class="cufon cufon-canvas" alt="»" style="width: 8px; height: 15px;"><canvas width="16" height="17" style="width: 16px; height: 17px; top: -2px; left: -1px;"></canvas><cufontext>»</cufontext></cufon></span></a>
							<ul style="float: none; width: 9em; display: none; visibility: hidden;">
								<li style="white-space: normal; float: left; width: 100%;"><a href="property-list.html" style="float: none; width: auto;"><cufon class="cufon cufon-canvas" alt="Property " style="width: 49px; height: 12px;"><canvas width="58" height="14" style="width: 58px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Property </cufontext></cufon><cufon class="cufon cufon-canvas" alt="List" style="width: 20px; height: 12px;"><canvas width="28" height="14" style="width: 28px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>List</cufontext></cufon></a></li>
								<li style="white-space: normal; float: left; width: 100%;"><a href="property-grid.html" style="float: none; width: auto;"><cufon class="cufon cufon-canvas" alt="Property " style="width: 49px; height: 12px;"><canvas width="58" height="14" style="width: 58px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Property </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Grid" style="width: 22px; height: 12px;"><canvas width="29" height="14" style="width: 29px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Grid</cufontext></cufon></a></li>
								<li style="white-space: normal; float: left; width: 100%;"><a href="property-details.html" style="float: none; width: auto;"><cufon class="cufon cufon-canvas" alt="Property " style="width: 49px; height: 12px;"><canvas width="58" height="14" style="width: 58px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Property </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Details" style="width: 38px; height: 12px;"><canvas width="45" height="14" style="width: 45px; height: 14px; top: -1px; left: 0px;"></canvas><cufontext>Details</cufontext></cufon></a></li>
							</ul>
						</li>
						<!-- <li><a href="portfolio.html"><cufon class="cufon cufon-canvas" alt="Portfolio" style="width: 57px; height: 15px;"><canvas width="64" height="17" style="width: 64px; height: 17px; top: -2px; left: -1px;"></canvas><cufontext>Portfolio</cufontext></cufon></a></li>  -->
						<!-- <li><a href="blog.html"><cufon class="cufon cufon-canvas" alt="Blog" style="width: 30px; height: 15px;"><canvas width="38" height="17" style="width: 38px; height: 17px; top: -2px; left: -1px;"></canvas><cufontext>Blog</cufontext></cufon></a></li> -->
						<li><a href="contact.html"><cufon class="cufon cufon-canvas" alt="Contáctenos" style="width: 50px; height: 15px;"><canvas width="60" height="17" style="width: 60px; height: 17px; top: -2px; left: -1px;"></canvas><cufontext>Contact</cufontext></cufon></a></li>
					</ul>
				</div><!-- end #navigation-->
				<div class="clr"></div>
			</div><!-- end #header -->
			</div><!-- end #centercolumn -->
	</div>	
		
	<div class="centercolumn">
			<!-- BEGIN SLIDE -->
			<div id="slider_container">
			<div id="slideshow_navigation">
			<div id="pager"></div>
			</div><!-- end slideshow navigation -->
				<div id="slideshow">  
					<div class="cycle">
						<img src="<?php print base_url() . $records[0]->image_path?>" alt="" />
						<div class="farme-slide-text">
							<ul class="slide-text">
								<li><span class="left">Name:</span><?php print $records[0]->name?></li>
								<li><span class="left">Direccion:</span>	Woodland Park, NJ 75412</li>
								<li><span class="left">Mts Construccion:</span><?php print $records[0]->construction_meters . ' mts'?></li>
								<li><span class="left">Mts Terreno:</span>	<?php print $records[0]->lot_meters . ' mts'?></li>
								<li><span class="left">Habitaciones:</span>	<?php print $records[0]->baths?></li>
								<li><span class="left">Estacionamiento:</span>	<?php print $records[0]->parkings?></li>
							</ul>
							<div class="frame-price">
								<div class="slider-button"><a href="#">detalle</a></div>
								<div class="slider-price">₡ <?php print number_format($records[0]->price_colones)?></div>
							</div>
						</div>
					</div><!-- end cycle -->
					<div class="cycle">
						<img src="<?php print base_url() . $records[1]->image_path?>" alt="" />
						<div class="farme-slide-text">
							<ul class="slide-text">
								<li><span class="left">Name:</span><?php print $records[1]->name?></li>
								<li><span class="left">Direccion:</span>	Woodland Park, NJ 75412</li>
								<li><span class="left">Mts Construccion:</span><?php print $records[1]->construction_meters . ' mts'?></li>
								<li><span class="left">Mts Terreno:</span>	<?php print $records[1]->lot_meters . ' mts'?></li>
								<li><span class="left">Habitaciones:</span>	<?php print $records[1]->baths?></li>
								<li><span class="left">Estacionamiento:</span>	<?php print $records[1]->parkings?></li>
							</ul>
							<div class="frame-price">
								<div class="slider-button"><a href="#">detalle</a></div>
								<div class="slider-price">₡ <?php print number_format($records[1]->price_colones)?></div>
							</div>
						</div>
					</div><!-- end cycle -->
					<div class="cycle">
						<img src="<?php print base_url() . $records[2]->image_path?>" alt="" />
						<div class="farme-slide-text">
							<ul class="slide-text">
								<li><span class="left">Name:</span><?php print $records[1]->name?></li>
								<li><span class="left">Direccion:</span>	Woodland Park, NJ 75412</li>
								<li><span class="left">Mts Construccion:</span><?php print $records[1]->construction_meters . ' mts'?></li>
								<li><span class="left">Mts Terreno:</span>	<?php print $records[1]->lot_meters . ' mts'?></li>
								<li><span class="left">Habitaciones:</span>	<?php print $records[1]->baths?></li>
								<li><span class="left">Estacionamiento:</span>	<?php print $records[1]->parkings?></li>
							</ul>
							<div class="frame-price">
								<div class="slider-button"><a href="#">detalle</a></div>
								<div class="slider-price">₡ <?php print number_format($records[1]->price_colones)?></div>
							</div>
						</div>
					</div><!-- end cycle -->
				</div><!-- end #slideshow -->
			</div><!-- end #slide -->
			<!-- END OF SLIDE -->
			<div id="maincontent">
			<div class="full" id="content">
				<ul class="three_column">
					<li>
						<h2 class="underline"><cufon class="cufon cufon-canvas" alt="Buscamos " style="width: 101px; height: 26px;"><canvas width="121" height="30" style="width: 121px; height: 30px; top: -3px; left: -1px;"></canvas><cufontext>Buscamos Su Casa</cufontext></cufon><span class="blue"><cufon class="cufon cufon-canvas" alt="Su Casa" style="width: 108px; height: 26px;"><canvas width="124" height="30" style="width: 124px; height: 30px; top: -3px; left: -1px;"></canvas><cufontext>Su Casa</cufontext></cufon></span></h2>
						<p>Nuestra experiencia nos dice que en muchas ocasiones los clientes buscan un inmueble con unas caracteristicas que el mercado no ofrece. Contáctenos y le ayudamos a buscar el inmueble perfecto para usted.</p>
					</li>
					<li>
						<h2 class="underline"><cufon class="cufon cufon-canvas" alt="Clientes " style="width: 116px; height: 26px;"><canvas width="136" height="30" style="width: 136px; height: 30px; top: -3px; left: -1px;"></canvas><cufontext>Clientes Satisfechos </cufontext></cufon><span class="blue"><cufon class="cufon cufon-canvas" alt="Satisfechos" style="width: 99px; height: 26px;"><canvas width="115" height="30" style="width: 115px; height: 30px; top: -3px; left: -1px;"></canvas><cufontext>Satisfechos</cufontext></cufon></span></h2>
						<p>Hemos prestado nuestros servicios a cientos de clientes satisfechos, estableciendo relaciones a largo plazo con compradores, vendedores y profesionales inmobiliarios.</p>
					</li>
					<!--  <li class="nomargin">
						<h2 class="underline"><cufon class="cufon cufon-canvas" alt="Helpful " style="width: 92px; height: 26px;"><canvas width="112" height="30" style="width: 112px; height: 30px; top: -3px; left: -1px;"></canvas><cufontext>Servicios</cufontext></cufon><span class="blue"><cufon class="cufon cufon-canvas" alt="Services" style="width: 94px; height: 26px;"><canvas width="110" height="30" style="width: 110px; height: 30px; top: -3px; left: -1px;"></canvas><cufontext>Services</cufontext></cufon></span></h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis ligula velit. Etiam odio quam, lobortis eget porttitor nec, congue in lacus. In venenatis neque a eros laoreet eu placerat erat suscipit. Fusce cursus, erat ut scelerisque condimentum, quam odio ultrices leo. </p>
					</li> -->
					<div id="subscribe-right">
						<h2><cufon class="cufon cufon-canvas" alt="Subscribite:" style="width: 73px; height: 14px;"><canvas width="84" height="16" style="width: 84px; height: 16px; top: -2px; left: -1px;"></canvas><cufontext>NewsLetter</cufontext></cufon>
						<form id="newsLetter" action="" method="get">
							<div>
								<input type="text" onfocus="if (this.value == 'Enter your email here...') {this.value = ''; }" onblur="if (this.value == ''){this.value = 'Enter your email here...'; }" value="Enter your email here..." class="inputbox"><br>
								<input type="submit" value="subscribe" class="button" name="submit">
							</div>
						</form>
					</div>
				</ul>
				<br class="clear">
				<br>
				<br>
				
			</div><!-- end #content -->
			<div class="clear"></div>
		</div>
	
	</div>
	
	<div id="bottom-container">
		<div class="centercolumn">

			<div id="copyright">Copyright &copy; 2012 <a href="#">Jaen Real State</a>. Todos los derechos reservados.</div>
			
		 	<div class="clear"></div>
		</div><!-- end #centercolumn -->
	
	</div>

</body>
</html>